<!DOCTYPE html>
{% load staticfiles %}
{% csrf_token %}
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
</head>
<body style="height: 100%; margin:0;padding:0">
  <div style="width:100%;height:100%;background-size:100% 100%; background-image: url({% static 'images/mapbgg.png'%})">
    <div id="main_top">

    </div>
    <div id="main_body">
        <div id="div_left">
            <div id="map" style="height: 100%;width: 100%;"></div>
        </div>
        <div id="div_right">
            <div id="right_top">
                <div id="other_map" style="height: 100%;width: 100%;background:none;"></div>
            </div>
            <div id="right_bottom">
                <div id="top_map" style="height: 100%;width: 100%;"></div>
            </div>
        </div>

    </div>
  </div>
    <!-- JAVASCRIPT -->
        <!-- js -->
    <script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
    <script src="{% static 'js/echarts.min.js' %}"></script>

    <script type="text/javascript" src="{% static 'js/jquery-labelauty.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/map/china.js' %}"></script>
    <script>
        var maps = {{ map|safe }};
        var max_city = {{ max_city|safe }};
        var shop_top_data = {{ shop_top_data|safe }};
        var shop_top_name = {{ shop_top_name|safe }};
    </script>
    <script typeof="text/javascript" src="{% static 'js/chinamap.js' %}"></script>

</body>
</html>
